<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Test: max-height and max-width - float and overflow</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
  <link rel="author" title="Hilbrand Edskes" href="http://edskes.com/" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" />

  <meta content="ahem" name="flags" />
  <meta content="Space taken up by the horizontal and vertical scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. In this test, assuming that the width of vertical scrollbar is 19px and assuming that the height of horizontal scrollbar is 19px, then the dimensions of the painted green area should be 181px by 181px. The height of horizontal scrollbar and the width of vertical scrollbar are entirely user-settable in most graphical user agents." name="assert" />

  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
  <style type="text/css"><![CDATA[
  div
  {
  color: blue;
  float: left;
  font: 200px/1 Ahem;
  max-height: 200px;
  max-width: 200px;
  overflow: scroll;
  }
  ]]></style>

 </head>

 <body>

  <p>PREREQUISITE: User agent needs to support scrollbars as the scrolling mechanism. If it does not, then this test case does not apply to this user agent.</p>

  <p>Test passes if there is a blue square with scrollbars.</p>

  <div>X</div>

 </body>
</html>